<html>

<head>
    <meta charset="utf-8">
    <link href="https://cdn.bootcdn.net/ajax/libs/mdui/1.0.2/css/mdui.min.css" rel="stylesheet">
    <script src="https://cdn.bootcdn.net/ajax/libs/mdui/1.0.2/js/mdui.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>

<body>
    <div calss="mdui-container">
        <div class="mdui-textfield mdui-textfield-floating-label">
            <i class="mdui-icon material-icons">phone_android</i>
            <label class="mdui-textfield-label">手机号</label>
            <input class="mdui-textfield-input" id="cellphone"></input>
        </div>
        <div class="mdui-textfield mdui-textfield-floating-label">
            <i class="mdui-icon material-icons">sms</i>
            <label class="mdui-textfield-label">验证码</label>
            <input class="mdui-textfield-input"></input>
        </div>
        <button id="submit" class="mdui-btn mdui-color-theme-accent mdui-ripple">确认</button>
    </div>
    <script>
        $("#submit").click(function() {
            $.get("/api/put/" + $('#cellphone').val(), function(data, status) {
                alert("已开门，请投递！");
            });
        });
    </script>
</body>

</html>